<ion-view title="财务规划" class="finance-result">
  <ion-content>
    <div class="head">
      <div class="title">计划说明</div>
      <div class="head-content">
        <p>1.基于生活支出、子女抚养责任和房贷测出重疾和意外两方面保额。 </p>
        <p>2.根据子女抚养责任，父母赡养责任和房贷测出身故方面的保障缺口。</p>
        <p>3.基于您已有的社保、补充医疗和商业保险来确定您医疗方面保额。</p>
      </div>
    </div>
    <div class="echarts">
      <div class="row">
        <div class="col-50">
          <hr-echarts translate data="FINANCE_RESULT_PIE" type="pie"></hr-echarts>
        </div>
        <div class="col-50 echarts-item">
          <div class="legend">
            <div class="circle orange"></div>
            <span class="word comment">医疗：</span>
            <span class="word number">6万</span>
          </div>
          <div class="legend">
            <div class="circle purple"></div>
            <span class="word comment">身故：</span>
            <span class="word number">100万</span>
          </div>
          <div class="legend">
            <div class="circle blue"></div>
            <span class="word comment">意外：</span>
            <span class="word number">18万</span>
          </div>
          <div class="legend">
            <div class="circle yellow"></div>
            <span class="word comment">重疾：</span>
            <span class="word number">18万</span>
          </div>
        </div>
      </div>
    </div>
    <div class="line"></div>
    <div class="insurance">
      <div class="col-50">
        <p class="fs12">保额</p>
        <p class="amount">136万</p>
      </div>
      <div class="line"></div>
      <div class="col-50">
        <p class="fs12">保费</p>
        <p class="amount">8461.2元{{}}</p>
      </div>
    </div>
    <hr-list translate list="list1" list-content="FINANCE_RESULT_LIST"></hr-list>
  </ion-content>
</ion-view>
